<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui">
    <ui:composition template="../WEB-INF/facelets/template.xhtml">
        <ui:param name="title" value="Vrångö IF Gym – Kontakt" />
        <ui:define name="content">
            <div id="contact-main-div">
                <f:view contentType="text/html">
                    <p:gmap center="57.57118, 11.78557" zoom="16" type="ROADMAP" disableDefaultUI="true" 
                            model="#{Contact.mapModel}" style="width:400px;height:250px"/>
                </f:view>
                <h:panelGroup id="contact-qa">
                    <h:panelGrid columns="2">
                        <h:outputLabel value="Adress:" styleClass="contact-question"/>
                        <h:outputLabel value="Box 46" styleClass="contact-answer"/>
                    </h:panelGrid>
                    <h:panelGrid columns="2">
                        <h:outputLabel value="Postnummer:" styleClass="contact-question"/>
                        <h:outputLabel value="430 83" styleClass="contact-answer"/>
                    </h:panelGrid>
                    <h:panelGrid columns="2">
                        <h:outputLabel value="Postort:" styleClass="contact-question"/>
                        <h:outputLabel value="Vrångö" styleClass="contact-answer"/>
                    </h:panelGrid>
                    <h:panelGrid columns="2">
                        <h:outputLabel value="Telefon:" styleClass="contact-question"/>
                        <h:outputLabel value="070-88 54 097" styleClass="contact-answer"/>
                    </h:panelGrid>
                    <h:panelGrid columns="2">
                        <h:outputLabel value="E-post:" styleClass="contact-question"/>
                        <a href="mailto:vrangoif@hotmail.com" class="contact-answer">vrangoif@hotmail.com</a>
                    </h:panelGrid>
                </h:panelGroup>
            </div>
        </ui:define>
    </ui:composition>
</html>